
<!-- 侧边栏信息/登录 -->
<div class="side">
	<!-- 登录注册部分 -->
	<div class="loging">
		<div class="title3"></div>
		<div class="content">
			<div class="form">
				<div class="form-group">
					<input type="text" name="name" class="name form-control" placeholder="请输入您的账号" />
				</div>
				<div class="form-group">
					<input type="password" name="pw" class="form-control pw" placeholder="请输入您的密码" />
				</div>
				<div class="check">
					<input type="checkbox" checked="checked" class="time" name="auto" value="14" /> 两周内自动登录
					<a href="javascript:;">忘记密码?</a>
				</div>
				<div>
					<input type="button" value="登录" class="btn btn-success" />
					<a href="register.php"><input type="button" class="btn btn-primary btn-reg" value="注册" /></a>
				</div>
			</div>
			<form action="logout.php" method="post" name="form3">
				<p></p>
				<p></p>
			</form>
		</div>
	</div>

	<!-- 旅游攻略 -->
	<div class="strategy" >
		<div class="title3">旅游攻略</div>
		<div class="content2">
			<ul>
			<p style="text-align:center; font-size:18px;" class="tip"><span>内容正在加载中...</span><img src="img/loading.gif" style="width:80px;" /></p>
			</ul>
		</div>
	</div>

	<!-- 酒店宾馆 -->
	<div class="hotel">
		<div class="title3">酒店宾馆</div>
		<div class="content3">
			<ul>
			<p style="text-align:center; font-size:18px;" class="tip"><span>内容正在加载中...</span><img src="img/loading.gif" style="width:80px;" /></p>
			</ul>
		</div>
	</div>

	<!-- 中国名胜 -->
	<div class="Cfamous">
		<div class="title3">中国名胜</div>
		<div class="content4">
			<ul>
			<p style="text-align:center; font-size:18px;" class="tip"><span>内容正在加载中...</span><img src="img/loading.gif" style="width:80px;" /></p>
			</ul>
		</div>
	</div>
</div>

<script src="js/jquery.min.js"></script>
<script type="text/javascript">
	var info_Ul3=document.getElementsByClassName('strategy')[0].getElementsByTagName('ul')[0];
	var info_Ul4=document.getElementsByClassName('hotel')[0].getElementsByTagName('ul')[0];
	var info_Ul5=document.getElementsByClassName('Cfamous')[0].getElementsByTagName('ul')[0];

	//旅游攻略
	$.ajax({
		type:"post",
		url:"inc/infodata_inc.php?info2=3",
		async:true,
		success : function (data){
			if(data){
				var json=eval("("+data+")");
				for(var i=0; i<json.length; i++){
					info_Ul3.innerHTML+='<li><a href="msg_article.php?msg=travelStrategy&id='+ json[i].id +'" title="'+ json[i].title +'">'+ json[i].title +'</a></li>';;
				}
				$('.strategy .tip').css('display' , 'none');
			}
		}
	});

	//酒店宾馆
	$.ajax({
		type:"post",
		url:"inc/infodata_inc.php?info2=4",
		async:true,
		success : function (data){
			if(data){
				var json=eval("("+data+")");
				for(var i=0; i<json.length; i++){
					info_Ul4.innerHTML+='<li><a href="msg_product.php?msg=tavern&id='+ json[i].id +'" title="'+ json[i].title +'">'+ json[i].title +'</a></li>';
				}
				$('.hotel .tip').css('display' , 'none');
			}
		}
	});
	
	//中国名胜
	$.ajax({
		type:"post",
		url:"inc/infodata_inc.php?info2=5",
		async:true,
		success : function (data){
			if(data){
				var json=eval("("+data+")");
				for(var i=0; i<json.length; i++){
					info_Ul5.innerHTML+='<li><a href="msg_product.php?msg=scenery&id='+ json[i].id +'" title="'+ json[i].title +'">'+ json[i].title +'</a></li>';
				}
				$('.Cfamous .tip').css('display' , 'none');
			}
		}
	});

</script>